<%-- 
    Document   : consultarImp
    Created on : 14/11/2010, 11:08:24 PM
    Author     : Patricia
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Implementos");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Implementos</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Implementos</h2>
        <form id="consultarImplememtoForm" action="javascript:void(0);">
            <table>
                <tbody id="consultarImp" >
                    <tr>
                        <td>Tipo del Implemento:</td>
                        <td>
                            <select id="Tipo" name="tipo" class="filter" onchange="listaSubtipoImplemento(value)">
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Subtipo del Implemento:</td>
                        <td>
                            <select id="Subtipo" name="subtipo" class="filter">
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Marca del Implemento:</td>
                        <td>

                            <input id="marcaI" name="marca" class="filter"/>
                        </td>


                    </tr>
                    <tr>
                        <td>Calificación:</td>
                        <td>
                            <select name="calificacion" class="filter">
                                <option value=""></option>
                                <option value="0">Sin Califiación</option>
                                <option value="5">Excelente</option>
                                <option value="4">Muy Bueno</option>
                                <option value="3">Bueno</option>
                                <option value="2">Regular</option>
                                <option value="1">Deficiente</option>
                            </select>
                        </td>
                    </tr>
                </tbody>
            </table>
            <br>
            <html:button property="" value="  Mostrar Todo  " onclick="consultarImplementoTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarImplemento()" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="  Atrás  "/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
        </form>
        <br><div style="clear: both;">&nbsp;</div><br>
        <div id="obs"></div><br>
        <div id="consultarImp">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable" style="overflow: hidden">
                <thead id="head">
                    <tr>
                        <th><h5><div class='ordenar' onclick="orden('nombre');" >Tipo<br>(Subtipo)</div></h5></th>
                        <th><h5><div class='ordenar' onclick="orden('marca');" >Marca</div></h5></th>
                        <th><h5><div class='ordenar' onclick="orden('status');" >Status</div></h5></th>
                        <th><h5><div class='ordenar' onclick="orden('duracion_estimada');" >Duración</div></h5></th>
                        <th><h5><div class='ordenar' onclick="orden('calificacion');" >Calificación</div></h5></th>
                        <th><h5><div class='ordenar' onclick="orden('caracteristicas_adicionales');" >Características</div></h5></th>
                        <th><h5><div class='ordenar' onclick="orden('caracteristicas_adicionales');" >Uso</div></h5></th>
                        <th><h5> Modificar </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <%@ include file="../Templates/paginasTabla.jsp" %>
        </div>
        <div style="clear: both;">&nbsp;</div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(function(){
        $("#consultarImp").hide();
        listaTipoImplemento();
        consultarImplemento();
    });

    $('.filter').change(function(){
        offset = 0;
        consultarImplemento();
    });

    function consultarImplemento(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"consultarImplemento.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarImplememtoForm').serialize(),
            dataType: 'json',
            success: proceessConsultarImplemento
        });
    }

    function proceessConsultarImplemento(data) {
        $('#resultado').empty();
        $.each(data.consultarImplemento , function(i,item){
            if ((i % 2) == 0) fila = $("<tr bgcolor = \"#fff\">");
            else fila = $("<tr bgcolor = \"#ecf2f6\">");

            strcalif = "";
            switch(item.calificacion){
                case '0': strcalif = "Sin Calificación"; break;
                case '1': strcalif = "Deficiente"; break;
                case '2': strcalif = "Regular"; break;
                case '3': strcalif = "Bueno"; break;
                case '4': strcalif = "Muy Bueno"; break;
                case '5': strcalif = "Excelente"; break;
                default: break;
            }          

            fila.append($("<td>").append(item.tipo+"<br>("+item.subtipo+")"));
            fila.append($("<td>").append(item.marca));
            fila.append($("<td>").append(item.status));
            duracion = (!item.duracion_estimada?"": "<b>Estimada:</b> "+item.duracion_estimada);
            duracion += (!item.duracion_real?"": "<br><b>Real:</b> "+item.duracion_real);
            fila.append($("<td>").append(duracion));
            fila.append($("<td>").append(strcalif));
            fila.append($("<td>").append(item.caracteristicas_adicionales));
            fila.append($("<td>").append(item.frecuencia_de_uso));
            mod = "<img src='style/images/table_edit1.png' alt='Modificar Implemento' "
                +"onclick=\"return modificarImplemento('"+item.nombre_cargo+"');\""
                +"width='20' height='20'>";
            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
            tam = item.tam;
        });
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultarImp").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultarImp").show();
        }       
    }

    function consultarImplementoTodo(){
        $('#resetForm').click();
        consultarImplemento();
    }
</script>